﻿<%-- 
    Copyright (C) Binod Nepal, Planet Earth Solutions Pvt. Ltd., Kathmandu.
	Released under the terms of the GNU General Public License, GPL, 
	as published by the Free Software Foundation, either version 3 
	of the License, or (at your option) any later version.
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
    See the License here <http://www.gnu.org/licenses/gpl-3.0.html>.
--%>

<%@ Page Title="My Profile" Language="C#" MasterPageFile="~/Classifieds/Main.Master" AutoEventWireup="true"
    CodeBehind="Profile.aspx.cs" Inherits="MixNP.Web.Classifieds.Account.Profile" %>

<asp:Content ID="Content1" ContentPlaceHolderID="StyleSheetContentPlaceHolder" runat="server">
    <link rel="stylesheet" href="/Resources/Scripts/hoverzoom/jquery.hoverZoom.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ScriptsContentPlaceHolder" runat="server">
    <script src="/Resources/Scripts/hoverzoom/jquery.hoverZoom.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="BodyContentPlaceHolder" runat="server">
    <h1>
        Manage Profile
    </h1>
    <hr class="hr" />
    <input type="button" onclick="location.href='/dashboard.mix';" value="Dashboard" />

    <div id="caption" runat="server">
        <h3>
            We know it really sucks to fill out the entire form!! But WAIT, it's just the one
            time setup. So just do it and we will never bug you again, PROMISE!!!
        </h3>
    </div>
    <table style="width: 100%;">
        <tr>
            <td>
                <label id="Label1" runat="server" class="label">
                    Upload Your Profile Picture. :
                </label>
            </td>
        </tr>
        <tr style="height: 40px;">
            <td>
                <asp:FileUpload ID="ProfileImage" runat="server" TabIndex="10" />
            </td>
        </tr>
        <tr>
            <td>
                <div class="note">
                    You can change the visibility of your profile picture anytime by using the setting
                    &nbsp;below.
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Literal ID="ProfileImageLiteral" runat="server" />
            </td>
        </tr>
        <tr>
            <td>
                <hr class="hr" />
            </td>
        </tr>
    </table>
    <div id="placeHolder" runat="server">
    </div>
    <table>
        <tr>
            <td>
                <label id="Label5" runat="server" class="label">
                    City
                </label>
            </td>
        </tr>
        <tr>
            <td>
                <pes:CityDropDownList ID="CityDropDownList" runat="server" CssClass="dropdownlist wide"
                    TabIndex="125" />
            </td>
        </tr>
    </table>
    <div id="placeHolder2" runat="server">
    </div>
    <table style="width: 100%;">
        <tr>
            <td>
                <span class="alert">
                    <asp:Literal ID="CustomErrorLiteral" runat="server" />
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" runat="server" value="Save My Profile" tabindex="160" id="SaveButton"
                    class="pad4" onserverclick="SaveButton_Click" />
            </td>
        </tr>
        <tr>
            <td>
                <hr class="hr" />
            </td>
        </tr>
    </table>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ScriptsContentPlaceHolderBottom"
    runat="server">
    <script type="text/javascript">

        jQuery(document).ready(function () {
            var nameTetBox = jQuery("#NameTextBox");
            nameTetBox.blur(function () {

                var nickNameTextBox = jQuery("#NickNameTextBox");

                if (!nickNameTextBox.val()) {
                    nickNameTextBox.val(nameTetBox.val());
                }
            }
        );

        jQuery('.thumb img').hoverZoom({ speedView: 600, speedRemove: 400, showCaption: true, speedCaption: 600, debug: true, hoverIntent: true, loadingIndicatorPos: 'center' });

        });

    </script>
</asp:Content>